<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String filePath = basePath+"/view/rec";
%>
<!DOCTYPE html>
<html>
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="author" content="pixelcave">
	<meta name="robots" content="noindex, nofollow">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>zzblog-ZZ博客</title>
		<!-- Icons -->
	<!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
	<link rel="shortcut icon" href="<%= filePath %>/lexyui/img/favicons/favicon.png">
	
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-16x16.png" sizes="16x16">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-32x32.png" sizes="32x32">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-96x96.png" sizes="96x96">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-160x160.png" sizes="160x160">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-192x192.png" sizes="192x192">
	
	<link rel="apple-touch-icon" sizes="57x57" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-180x180.png">
	<!-- END Icons -->
	
	<!-- Stylesheets -->
	<!-- Web fonts -->
	<!-- 
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
	 -->	
	 
    <!-- Page JS Plugins CSS -->
    <%-- <link rel="stylesheet" href="<%=filePath %>/lexyui/assets/js/plugins/select2/select2.min.css">
    <link rel="stylesheet" href="<%=filePath %>/lexyui/assets/js/plugins/select2/select2-bootstrap.min.css"> --%>
	
	<!-- Bootstrap and OneUI CSS framework -->
	<link rel="stylesheet" href="<%=filePath %>/lexyui/assets/css/bootstrap.min.css">
	<link rel="stylesheet" id="css-main" href="<%=filePath %>/lexyui/assets/css/oneui.css">
	
	<style type="text/css">
		.content-boxed {
		    max-width: 1280px !important;
		}
	
	</style>
	
	
</head>
<body>
	<div id="page-container" class="sidebar-l sidebar-mini sidebar-o side-scroll header-navbar-fixed">
		<!-- Sidebar -->
		<jsp:include page="rec_menu.jsp"></jsp:include>
		<!-- END Sidebar -->
		<!-- Header -->
		<jsp:include page="rec_fixed_top.jsp"></jsp:include>
		<!-- END Header -->
		
		
		
		<!-- Main Container -->
            <main id="main-container">
                <!-- Hero Content -->
                <div class="bg-image" style="background-image: url('assets/img/photos/photo24@2x.jpg');">
                    <div class="bg-primary-dark-op">
                        <section class="content content-full content-boxed overflow-hidden">
                            <!-- Section Content -->
                            <div class="push-100-t push-50 text-center">
                                <h1 class="h2 text-white push-10 visibility-hidden" data-toggle="appear" data-class="animated fadeInDown">The latest stories only for you.</h1>
                                <h2 class="h5 text-white-op visibility-hidden" data-toggle="appear" data-class="animated fadeInDown">Feel free to explore and read.</h2>
                            </div>
                            <!-- END Section Content -->
                        </section>
                    </div>
                </div>
                <!-- END Hero Content -->

                <!-- Classic Content -->
                <section class="content content-boxed">
                    <!-- Section Content -->
                    <div class="push-50-t push-50">
                        <div class="row">
                            <div class="col-md-8">
                                <!-- Story -->
                                <div class="push visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                                    <a class="block block-link-hover2" href="frontend_blog_story.html">
                                        <img class="img-responsive hidden-xs" src="assets/img/photos/photo21.jpg" alt="">
                                        <div class="block-content">
                                            <h4 class="push-10">Top 10 Destinations</h4>
                                            <p>Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.</p>
                                            <div class="font-s12 push">
                                                <em class="pull-right">10 min</em>
                                                <span class="text-primary">Amanda Powell</span> on July 16, 2015
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!-- END Story -->
                                
                                <!-- Story -->
                                <div class="push visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                                    <a class="block block-link-hover2" href="frontend_blog_story.html">
                                        <img class="img-responsive hidden-xs" src="assets/img/photos/photo21.jpg" alt="">
                                        <div class="block-content">
                                            
                                            <h4 class="push-10">Top 10 Destinations</h4>
                                            <p>Dolor posuere proin blandit accumsan senectus netus nullam curae, ornare laoreet adipiscing luctus mauris adipiscing pretium eget fermentum, tristique lobortis est ut metus lobortis tortor tincidunt himenaeos habitant quis dictumst proin odio sagittis purus mi, nec taciti vestibulum quis in sit varius lorem sit metus mi.</p>
                                        	<div class="font-s12 push">
                                                <em class="pull-right">10 min</em>
                                                <span class="text-primary">Amanda Powell</span> on July 16, 2015
                                            </div>
                                        
                                        </div>
                                        
                                    </a>
                                </div>
                                <!-- END Story -->
                                
                                
                                
                                


                                <!-- Pagination -->
                                <nav>
                                    <ul class="pagination">
                                        <li class="active">
                                            <a href="javascript:void(0)">1</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)">2</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)">3</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)">4</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)">5</a>
                                        </li>
                                        <li>
                                            <a href="javascript:void(0)"><i class="fa fa-angle-right"></i></a>
                                        </li>
                                    </ul>
                                </nav>
                                <!-- END Pagination -->
                            </div>
                            <div class="col-md-4">
                                <!-- Search -->
                                <div class="block">
                                    <div class="block-header bg-gray-lighter">
                                        <h3 class="block-title">Search</h3>
                                    </div>
                                    <div class="block-content block-content-full">
                                        <form action="frontend_search.html" method="post">
                                            <div class="input-group input-group-lg">
                                                <input class="form-control" type="text" placeholder="Type and hit enter..">
                                                <div class="input-group-btn">
                                                    <button class="btn btn-default"><i class="fa fa-search"></i></button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <!-- END Search -->

                                <!-- About -->
                                <a class="block block-link-hover3" href="base_pages_profile.html">
                                    <div class="block-header bg-gray-lighter">
                                        <h3 class="block-title">About</h3>
                                    </div>
                                    <div class="block-content block-content-full text-center">
                                        <div>
                                            <img class="img-avatar img-avatar96" src="assets/img/avatars/avatar1.jpg" alt="">
                                        </div>
                                        <div class="h5 push-15-t push-5">Tiffany Kim</div>
                                        <div class="font-s13 text-muted">Publisher</div>
                                    </div>
                                    <div class="block-content border-t">
                                        <div class="row items-push text-center">
                                            <div class="col-xs-6">
                                                <div class="push-5"><i class="si si-pencil fa-2x"></i></div>
                                                <div class="h5 font-w300 text-muted">350 Stories</div>
                                            </div>
                                            <div class="col-xs-6">
                                                <div class="push-5"><i class="si si-users fa-2x"></i></div>
                                                <div class="h5 font-w300 text-muted">1.5k Followers</div>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                                <!-- END About -->

                                <!-- Recent Comments -->
                                <div class="block">
                                    <div class="block-header bg-gray-lighter">
                                        <ul class="block-options">
                                            <li>
                                                <button type="button" data-toggle="block-option" data-action="refresh_toggle" data-action-mode="demo"><i class="si si-refresh"></i></button>
                                            </li>
                                        </ul>
                                        <h3 class="block-title">Recent Comments</h3>
                                    </div>
                                    <div class="block-content">
                                        <ul class="list list-simple">
                                            <li>
                                                <div class="push-5 clearfix">
                                                    <span class="font-s13 text-muted push-10-l pull-right">25 min ago</span>
                                                    <a class="font-w600" href="base_pages_profile.html">Donald Barnes</a> on <a href="frontend_blog_story.html">Exploring the Alps</a>
                                                </div>
                                                <div class="font-s13">Awesome trip! Looking forward going there, I'm sure it will be a great experience!</div>
                                            </li>
                                            <li>
                                                <div class="push-5 clearfix">
                                                    <span class="font-s13 text-muted push-10-l pull-right">42 min ago</span>
                                                    <a class="font-w600" href="base_pages_profile.html">Ronald George</a> on <a href="frontend_blog_story.html">Travel &amp; Work</a>
                                                </div>
                                                <div class="font-s13">Thank you for sharing your story with us! I really appreciate the info, it will come in handy for sure!</div>
                                            </li>
                                            <li>
                                                <div class="push-5 clearfix">
                                                    <span class="font-s13 text-muted push-10-l pull-right">53 min ago</span>
                                                    <a class="font-w600" href="base_pages_profile.html">Rebecca Gray</a> on <a href="frontend_blog_story.html">Black &amp; White</a>
                                                </div>
                                                <div class="font-s13">Really touching story.. I'm so happy everything went well at the end!</div>
                                            </li>
                                            <li>
                                                <div class="push-5 clearfix">
                                                    <span class="font-s13 text-muted push-10-l pull-right">2 days ago</span>
                                                    <a class="font-w600" href="base_pages_profile.html">Helen Silva</a> on <a href="frontend_blog_story.html">Sleep Better</a>
                                                </div>
                                                <div class="font-s13">Great advice! Thanks for sharing, I'm sure it will help many people sleep better and improve their lifes.</div>
                                            </li>
                                        </ul>
                                        <div class="text-center push">
                                            <small><a href="javascript:void(0)">Read More..</a></small>
                                        </div>
                                    </div>
                                </div>
                                <!-- END Recent Comments -->

                                <!-- Social -->
                                <div class="block">
                                    <div class="block-header bg-gray-lighter">
                                        <h3 class="block-title">Social</h3>
                                    </div>
                                    <div class="block-content block-content-full">
                                        <div class="btn-group">
                                            <a class="btn btn-default" href="javascript:void(0)" data-toggle="tooltip" title="Follow us on Twitter"><i class="fa fa-fw fa-twitter"></i></a>
                                            <a class="btn btn-default" href="javascript:void(0)" data-toggle="tooltip" title="Like our Facebook page"><i class="fa fa-fw fa-facebook"></i></a>
                                            <a class="btn btn-default" href="javascript:void(0)" data-toggle="tooltip" title="Follow us on Google Plus"><i class="fa fa-fw fa-google-plus"></i></a>
                                            <a class="btn btn-default" href="javascript:void(0)" data-toggle="tooltip" title="Follow us on Dribbble"><i class="fa fa-fw fa-dribbble"></i></a>
                                            <a class="btn btn-default" href="javascript:void(0)" data-toggle="tooltip" title="Subscribe on Youtube"><i class="fa fa-fw fa-youtube"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <!-- END Social -->
                            </div>
                        </div>
                    </div>
                    <!-- END Section Content -->
                </section>
                <!-- END Classic Content -->

                <!-- Get Started -->
                <div class="bg-primary-dark">
                    <section class="content content-full content-boxed">
                        <!-- Section Content -->
                        <div class="push-20-t push-20 text-center">
                            <h3 class="h4 text-white-op push-20 visibility-hidden" data-toggle="appear">Do you like our stories? Sign up today and get access to over <strong>10.000</strong> travel stories!</h3>
                            <a class="btn btn-rounded btn-noborder btn-lg btn-success visibility-hidden" data-toggle="appear" data-class="animated bounceIn" href="frontend_pricing.html">Get Started Today</a>
                        </div>
                        <!-- END Section Content -->
                    </section>
                </div>
                <!-- END Get Started -->
            </main>
            <!-- END Main Container -->
		
		
		
		
        <!-- Apps Modal -->
		<!-- Opens from the button in the header -->
		<div class="modal fade" id="apps-modal" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-sm modal-dialog modal-dialog-top">
				<div class="modal-content">
					<!-- Apps Block -->
					<div class="block block-themed block-transparent">
						<div class="block-header bg-primary-dark">
							<ul class="block-options">
								<li>
									<button data-dismiss="modal" type="button">
										<i class="si si-close"></i>
									</button>
								</li>
							</ul>
							<h3 class="block-title">Apps</h3></div>
						<div class="block-content">
							<div class="row text-center">
								<div class="col-xs-6">
									<a class="block block-rounded" href="base_pages_dashboard.html">
										<div class="block-content text-white bg-default">
											<i class="si si-speedometer fa-2x"></i>
											<div class="font-w600 push-15-t push-15">Backend</div></div>
									</a>
								</div>
								<div class="col-xs-6">
									<a class="block block-rounded" href="frontend_home.html">
										<div class="block-content text-white bg-modern">
											<i class="si si-rocket fa-2x"></i>
											<div class="font-w600 push-15-t push-15">Frontend</div></div>
									</a>
								</div>
							</div>
						</div>
					</div>
					<!-- END Apps Block --></div>
			</div>
		</div>
	</div>
            
	<!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/bootstrap.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.slimscroll.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.scrollLock.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.appear.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.countTo.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.placeholder.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/js.cookie.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/app.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/pub.js"></script>
	
	
	
	<!-- Page JS Plugins -->
	<script src="<%=filePath %>/lexyui/assets/js/plugins/jquery-validation/jquery.validate.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/plugins/jquery-validation/additional-methods.min.js"></script>
	
	<!-- Page JS Code -->
	<script>
	   jQuery(function () {
	   	
	   	 // Init page helpers (Appear plugin)
	       App.initHelpers('appear');
	   
	   	 $("#btn-form").click(function(){
	   		 
	   		 
	   		ajaxForm();
	   	 })
	   });
	   
	   function ajaxForm(){
		   
		   var validata = $("#sginup-form").valid();
		   var data = jQuery("#sginup-form").serializeObject();
		   
		   if(validata){
		   		var result =  doPost("sginup", data);
		   		if(result.code="200"){
		   			alert(result.message);
		   			window.location.href="log";
		   		}
		   		
		   		
		   }
	   }
	   
	</script>
	<script src="<%=filePath %>/lexyui/assets/js/pages/rec_signup.js"></script>
</body>
</html>